<template>
  <div class="app">
    <button @click="isShow = true">退出按钮</button>
    <!-- <BaseDialog :visible="isShow" @update:visible="isShow = $event"></BaseDialog> -->
    <!-- 特点1：.sync 可以在同一个标签上用多次，而 v-model 只能用一次 -->
    <!-- 特点2：.sync 绑定的属性名没有约束（不是一定要叫value），而 v-model 只能叫 value（仅基于现有知识储备而言） -->
    <BaseDialog :visible.sync="isShow"  :msg.sync="myMsg"  ></BaseDialog>
  </div>
</template>

<script>
import BaseDialog from "./components/BaseDialog.vue"
export default {
  data() {
    return {
      myMsg: 'heheda',
      isShow: false // 控制 BaseDialog 组件显示隐藏的数据，默认隐藏
    }
  },
  methods: {
    
  },
  components: {
    BaseDialog,
  },
}
</script>

<style>
</style>